<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta /-->
    <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <!-- 加载js文件-->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/pageJs/template/general_template.js"></script>
    <%--样式--%>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <%--下拉多选--%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/common/bootstrap/js/bootstrap-select.js">
    </script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/common/bootstrap/css/bootstrap-select.css">
    <script type="text/javascript">
        $(window).on('load', function () {
            $('.selectpicker').selectpicker({
                'selectedText': 'cat'
            });
        });
    </script>
</head>
<body>
<h3 style="height: 60px;padding-top:40px; text-align: center;"><b>术语字典选择</b></h3>
<hr>
<select class="selectpicker col-sm-1  show-tick " style="width: 20px" multiple data-live-search="true">
    <option>cow</option>
    <option>bull</option>
    <option>ASD</option>
    <option selected>Bla</option>
    <option>Ble</option>
    <option>bull</option>
    <option>ASD</option>
    <option selected>Bla</option>
    <option>Ble</option>
    </optgroup>
</select>
<h3 style="text-align: center;">术语详情</h3>
<div style="border: 1px solid black; height: 400px; width: 850px; margin: 50px auto;">
    <br/>
    <div class="col-xs-12 col-xs-offset-2" style="font-size: 20px">
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>头疼</label>
        </div>
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>头晕</label>
        </div>
    </div>
    <div class="col-xs-12 col-xs-offset-2" style="font-size: 20px">
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>发热</label>
        </div>
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>咳嗽</label>
        </div>
    </div>
    <div class="col-xs-12 col-xs-offset-2" style="font-size: 20px">
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>胸闷</label>
        </div>
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>胸疼</label>
        </div>
    </div>
    <div class="col-xs-12 col-xs-offset-2" style="font-size: 20px">
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>呕吐</label>
        </div>
        <div class="form-group col-sm-5">
            <label class="control-label"><input type="checkbox" style="height: 20px; width: 20px;"/>心衰</label>
        </div>
    </div>
</div>
<div class="col-xs-12 col-xs-offset-4" style="margin-top: 5px">
    <div class="col-sm-12">
        <button type="button" style="width: 200px; height: 30px; font-size: 16px;">确认</button>
    </div>
</div>
</body>
</html>